<!--
 * @Author: flechazo1 1932689495@qq.com
 * @Date: 2025-03-05 15:15:12
 * @LastEditors: flechazo1 1932689495@qq.com
 * @LastEditTime: 2025-04-05 23:43:49
 * @FilePath: \cms\src\components\ConfirmPaid.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div>
        <el-dialog align-center v-model="showMoney" width="500">
            <!-- 确认收款 -->
            <div class="w-full text-center text-xl mb-10">确认收款</div>
            <div class="w-full">
                <div class="confirm-pay">订单号: <span class="ml-3">{{ moneyInfo.order }}</span></div>
                <div class="confirm-pay">客户: <span class="ml-3">{{ moneyInfo.customerName }}</span></div>
                <div class="confirm-pay">应收款: <span class="ml-3">{{ moneyInfo.price }}</span></div>
                <div class="w-full text-center mb-6"><el-button type="primary" size="large" @click="payFinish">确认收款</el-button></div>
            </div>
        </el-dialog>
    </div>
</template>

<script setup lang="ts">
import useMoney from '@/hooks/useMoney';

defineOptions({
  name: 'ConfirmPaid'
})

const { showMoney,  moneyInfo, payFinish } = useMoney()
</script>

<style scoped>
.confirm-pay{
    margin-left: 50px;
    margin-bottom: 20px;
}
</style>